<%--
  Created by IntelliJ IDEA.
  User: 001
  Date: 2021/9/6
  Time: 10:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>经典完本小说推荐-新笔趣阁</title>
    <link rel="stylesheet" href="./css/finishnovel.css">
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <link rel="stylesheet" type="text/css" href="css/login-ajax.css">
    <script type="text/javascript" src="./js/clipboard.min.js"></script>
</head>
<body>
<!-- 头部开始 -->
<header class="header">
    <!-- 头部的div用来保证缩放可以正常进行 -->
    <div class="center">
        <div class="header-div">
            <div class="header-left-one">
                <!-- <img src="./images/all.gif" alt=""> -->
                <a class="btnCopy" data-clipboard-text="localhost:8080">将本站设为首页</a>
            </div>
            <div class="header-left-two">
                <a href="#">收藏新笔趣阁</a>
            </div>
            <div class="header-right">
                <c:if test="${empty username}">
                    <form action="/mutilAdmin" class="header-form" id="loginForm">
                        账号：<input type="text" name="username" id="username" class="username">
                        密码：<input type="password" name="password" id="password" class="password">
                        <input type="button" value="登录" id="submit">
                        <a href="register.jsp" class="registration">用户注册</a>
                        <a href="forgetpwd.jsp" class="registration">忘记密码</a>
                    </form>
                </c:if>
                <c:if test="${not empty username}">
                    <span id="ajax">hi,${username}&ensp;
                        <c:if test="${type==3}">超级管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="svip">超级管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==2}">管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="vip">管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==1}">尊敬的用户
                            <a href='/index.jsp' class='user'>回到首页&ensp;|</a>
                        </c:if>
                    </span>
                    <a href="/BookShelf?_method=myBookShelf">我的书架&ensp;|</a>
                    <a href="forgetpwd.jsp">修改密码&ensp;|</a>
                    <a class="exit">安全退出&ensp;|</a>
                </c:if>

            </div>
            <div class="clear"></div>
        </div>
    </div>
</header>
<!-- --------------------头部结束/整体开始 ----------------------->
<!-- 新笔趣阁图标一栏 -->
<div class="new-penguin center">
    <div id="new-penguin-div">
        <div class="image"><a href="index.jsp"><img src="./images/图标.jpg" alt=""></a></div>
        <div class="form-div">
            <form action="/mutilfind" class="form">
                <input type="search" class="search-box" name="u_username" placeholder="输入需要搜索的内容">
                <input type="hidden" name="_method" value="searchbyab">
                <input type="submit" value="搜索" class="submit-search">
            </form>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- 标题 -->
<div class="title center">
    <div class="title-div">
        <!-- <a href="#">首页</a>
                <a href="#">永久书架</a>
                <a href="#">玄幻奇幻</a>
                <a href="#">武侠仙侠</a>
                <a href="#">都市言情</a>
                <a href="#">历史军事</a>
                <a href="#">科幻灵异</a>
                <a href="#">网游竞技</a>
                <a href="#">女频频道</a>
                <a href="#">完本小说</a>
                <a href="#">排行榜单</a>
                <a href="#">临时书架</a> -->
        <ul>
            <li><a href="index.jsp">首页</a></li>
            <li><a href="/BookShelf?_method=myBookShelf">永久书架</a></li>
            <li><a href="fantasy.jsp">玄幻奇幻</a></li>
            <li><a href="wxxx.jsp">武侠仙侠</a></li>
            <li><a href="romance.jsp">都市言情</a></li>
            <li><a href="historymilitary.jsp">历史军事</a></li>
            <li><a href="science.jsp">科幻灵异</a></li>
            <li><a href="olgame.jsp">网游竞技</a></li>
            <li><a href="femate.jsp">女频频道</a></li>
            <li><a href="mutilfind?_method=finishbook">完本小说</a></li>
            <li><a href="mutilBook?_method=topBook">排行榜单</a></li>
            <li><a href="/BookShelf?_method=tempBookShelf">临时书架</a></li>
        </ul>
    </div>
    <div class="clear"></div>
</div>
<!-- 标题结束 -->
<!-- 主体部分 -->
<div class="center">
    <!-- <div>
                <div><p>小说排行列表</p></div>
            </div> -->
    <div>
        <table>
            <div class="m_fir">
                <h3>全本小说列表</h3>
            </div>
            <tr>
                <th>作品分类</th>
                <th>作品名称</th>
                <th>最新章节</th>
                <th>作者</th>
                <th>更新时间</th>
                <th>状态</th>
            </tr>
            <c:forEach items="${book}" var="b">
                <tr>
                    <td><a href="/mutilfind?c_id=${b.c_id}&_method=findBookBycid">[${categorymap[b]}]</a></td>
                    <td><a href="/mutilfind?b_name1=${b.b_name}&_method=bookdatil">${b.b_name}</a></td>
                    <td><a href="/mutilBook?ch_id1=${chid[b]}&b_name2=${b.b_name}&_method=Bookcontent">${chaptermap[b]}</a></td>
                    <td>${b.b_author}</td>
                    <td>${b.b_last_update_time}</td>
                    <td>完结</td>
                </tr>
            </c:forEach>
        </table>
    </div>
</div>
</body>
<script src="./js/jquery-1.12.4.js"></script>
<script>
    $(function () {
        $(".search-box").focus(function () {
            $(this).attr("placeholder", "");
        })
        $(".search-box").blur(function () {
            $(this).attr("placeholder", "输入需要搜索的小说");
        })
    })
</script>
</html>